.require-detail-head {
  width: 750px;
  height: 410px;
  background: url("../../../images/routine/appraisal/appraisal_bg.png");
  background-size: 100% 100%;
  padding: 0 32px;
  box-sizing: border-box;

  &__box {
    text-align: center;
    padding-top: 28px;

    &__fraction {

      font-size: 56px;
      color: #FFFFFF;
      line-height: 64px;
    }

    &__text {
      font-size: 40px;
    }
  }

  &__grade {
    height: 28px;
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;

    &__right {
      float: right;
    }
  }

  &__comment {
    height: 28px;
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
    padding-top: 15px;


    &__p1 {
      float: left;
      width: 20%;
    }

    &__p2 {
      float: left;
      width: 80%;
      font-weight: 400;
      color: #FFFFFF;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /* 这里是超出几行省略 */
      overflow: hidden;
    }
  }

  &__date {
    padding-top: 45px;
    height: 28px;
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;

  }
}

.require-detail-radius {
  margin-top: -42px;
  width: 750px;
  height: 45px;
  background: #FFFFFF;
  border-radius: 40px 40px 0px 0px;

}
